<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>我的购物车</title>
    <!-- 网页ico图标 -->
    <link rel="shortcut icon" href="favicon.ico" />
    <!-- 引入css样式文件 -->
    <link rel="stylesheet" href="css/base.css" />
    <link rel="stylesheet" href="css/shopcar.css" />
</head>

<body>
    <!-- 购物车页面 -->
    <div class="w">
        <!-- 购物车页面的商城logo -->
        <div class="logo">
            <a href="index.html"><img src="images/rglogo.png" class="logoimg" alt=""></a>
        </div>
        <!-- 头部横线 -->
        <header> </header>
        <!-- 购物车商品结算 -->
        <div class="cart">
            <div class="cart-title">我的购物车</div>
            <table class="cart-table">
                <tr>
                    <th width="60"><span class="cart-all">全选</span></th>
                    <th>商品</th>
                    <th width="120">单价</th>
                    <th width="100">数量</th>
                    <th width="120">小计</th>
                    <th width="80">操作</th>
                </tr>
                <tr class="cart-item">
                    <td><input class="cart-check" type="checkbox" checked></td>
                    <td class="cart-txt-left"><span class="cart-name">Loading...</span></td>
                    <td><span class="cart-price">0</span></td>
                    <td><span class="cart-reduce">-</span><span class="cart-num">0</span><span class="cart-add">+</span></td>
                    <td><span class="cart-subtotal">0</span></td>
                    <td><span class="cart-del">删除</span></td>
                </tr>
                <tr class="cart-bottom">
                    <td colspan="6">
                        <span class="cart-bottom-span">已选择 <span class="cart-total-num">0</span> 件商品</span>
                        <span class="cart-bottom-span">总计：<span class="cart-total-price">0</span></span>
                        <span class="cart-bottom-btn">提交订单</span>
                    </td>
                </tr>
            </table>
        </div>

        <!-- 底部部分 -->
        <fooder>
            <div class="foodertop">
                <ul>
                    <li><a href="index.html">首页</a>
                        <b></b>
                    </li>

                    <b></b>
                    <li><a href="#">联系我们</a>
                        <b></b>
                    </li>


                    <li>
                        <a href="#">联系客服</a>
                        <b></b>
                    </li>


                    <li>
                        <a href="#">诚信经营</a>
                        <b></b>
                    </li>

                    <b></b>
                    <li>
                        <a href="#">购花中心</a>
                        <b></b>
                    </li>

                    <li>
                        <a href="#">花言花语</a>
                        <b></b>
                    </li>

                    <li><a href="#">友情链接</a>
                        <b></b>
                    </li>

                    <li><a href="#">帮助中心</a>
                        <b></b>
                    </li>

                    <li><a href="#">English Site</a>
                        <b></b>
                    </li>

                    <li><a href="#">Contact U</a>
                    </li>
                </ul>
            </div>
            <div class="footerbootom">
                <span>地址：广东省广州市从化区南洋理工学院</span>
                <span>邮箱：196112052</span><span>电话：400-618-6888</span><span>传真：010-886648525</span>
                <span>邮箱：lbb@qq.com</span>
                <div class="xz">粤YCP备08005762号粤公网安备1115616702</div>
            </div>
        </fooder>
    

    <script src="js/shopcar.js"></script>
    <script>
        ShopCart('cart', [{
            name: '向日葵',
            price: 88,
            num: 1
        }, {
            name: '洋甘菊',
            price: 68,
            num: 2
        }, {
            name: '香槟玫瑰',
            price: 168,
            num: 5
        }, {
            name: '百合',
            price: 128,
            num: 8
        }, ]);
    </script>
</body>

</html>